.header{width:100%;height:70px;background-color:#fff}
.logo{float:left;width:187px;height:43px;margin-top:13px;margin-right:2%;background-image:url(../images/logo.png);background-repeat:no-repeat}
.logo a{display:block;text-indent:-999em}
.mainNav{float:left;margin-top:15px;width:25%}
.mainNav li{position:relative;float:left;height:40px;padding:0 2%;line-height:40px;cursor:pointer}
.mainNav li.wx{padding:0 5%}
.mainNav li:hover{box-shadow:0 0 5px #f3f3f3}
.mainNav li:hover i,.username:hover .arrow,.inpS:hover i{transform:rotate(180deg)}
.mainNav i,.inpS i,.arrow{display:inline-block;width:12px;height:7px;margin-left:7px;background-image:url(../images/arrow.png);background-repeat:no-repeat;transition:transform .5s ease}
.webNav{display:none;position:absolute;top:55px;left:0;width:635px;padding:22px 0 27px 0;background-color:#fff;box-shadow:0 0 5px #f3f3f3;z-index:1;line-height:20px}
.webnav .shadowLine{height:16px}
.shadowLine{display:none;position:absolute;bottom:-15px;left:0;height:16px;width:100%;background:#fff;z-index:3}
.spe_shadowLine{bottom:-10px}
.webNav_tips{padding-left:25px;margin-bottom:24px}
.webNav_tips.active{border-top:1px solid #f2f2f2;padding-top:20px;margin-top:8px;margin-bottom:16px}
.webNavlist{color:#888}
.navTitle{float:left;width:80px;margin-left:25px}
.navHref{float:left;width:505px;margin-left:25px}
.navHref.active{width:auto}
.navHref.active a{margin-bottom:0}
.webNavlist a{float:left;margin-bottom:16px;color:#888;font-size:14px}
.webNavlist span{float:left;margin:0 22px;font-size:14px}
.webNavlist a:hover{color:#00c77b}
.codeWrap{display:none;position:absolute;top:55px;left:0;width:240px;height:140px;background-color:#fff;box-shadow:0 0 5px #f3f3f3;line-height:18px;z-index:1}
.codeWrap.active{height:134px}
.code_name{margin-top:5px}
.codeWrap img{float:left;width:80px;height:80px;margin:26px 14px 0 18px}
.codeWrap.active img{margin-right:20px}
.codeMsg{float:left;margin-top:25px;font-size:14px;line-height:22px}
.attention{display:block;width:78px;height:30px;margin-top:10px;text-align:center;line-height:30px;color:#fff;background-color:#00c77b;border-radius:2px}
.search{position:relative;float:left;margin-top:13px;margin-left:2%;width:27%;border:1px solid #dbdbdb;border-radius:4px}
.inpS{position:relative;top:0;left:0;cursor:pointer;float:left}
.select{width:22%}
.select cite{display:block;height:44px;border-right:1px solid #dbdbdb;font-style:normal;line-height:43px;font-size:14px;padding-left:21%}
.inpS i{position:absolute;top:18px;right:8px}
.select ul{display:none;position:absolute;left:-1px;top:43px;width:100%;border:1px solid #dbdbdb;padding-bottom:3px;overflow-y:auto;overflow-x:hidden;z-index:3;background:#fff;border-radius:0 0 3px 3px;border-top:none}
.select li{font-size:14px;line-height:34px;cursor:pointer;text-align:center}
.select li a{display:block;width:100%;margin-left:-1px;overflow:hidden;white-space:nowrap}
.inp{float:left;width:53%;height:44px;border-right:none;padding:0 3% 0 1%}
.submit{float:left;width:21%;height:44px;border-radius:0 4px 4px 0;background-color:#2ee292;background:linear-gradient(to right,#2ee292,#0dc676);cursor:pointer}
.sc_search_btn{position:relative}
.search_icon{position:absolute;top:9px;right:30%;width:26px;height:26px;background:url('../images/sprites.png') -116px -137px no-repeat;cursor:pointer}
.history{position:absolute;top:9px;right:77px}
.history a{display:inline-block;height:21px;padding:0 10px;margin-right:6px;line-height:21px;border-radius:40px;color:#989898;font-size:12px;background-color:#f1f1f1}
.new_tel{float:left;margin-left:2%}
.new_tel i{float:left;width:37px;height:37px;margin-top:16px;margin-right:11px;background:url('../images/sprites.png') -10px -137px no-repeat}
.new_tel a{float:left;font-size:20px;color:#ff5246;line-height:70px;font-weight:bold}
.login{float:right;line-height:70px}
.login a:hover{color:#00c77b;text-decoration:underline}
.username{position:relative;float:right;width:122px;height:46px;margin-top:12px;line-height:46px;text-align:center;background-color:#fff;cursor:pointer;font-size:14px}
.portrait{float:left;width:23px;height:23px;margin:13px 3px 0 7px;background:url('../images/sprites.png') -162px -137px no-repeat}
.arrow{float:left;margin-top:21px}
.username p{float:left;max-width:55px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.username:hover{box-shadow:0 0 5px #f3f3f3}
.username:hover .mylist,.username:hover .shadowLine{display:block}
.mylist{display:none;position:absolute;top:46px;left:0;width:100%;padding-bottom:5px;z-index:1;background-color:#fff;box-shadow:0 0 5px #f3f3f3}
.mylist li{height:38px;line-height:38px}
.mylist li:hover a{color:#ff5246}
.mylist li a{display:block;color:#8a8a8a}
.mylist li:last-child{border-bottom:none}
.webnav:hover .webNav,.webnav:hover .indexnav,.wx:hover .codeWrap,.wx:hover .wxnav,.app:hover .codeWrap,.app:hover .appnav{display:block}
.banner{position:relative;width:100%;height:310px;overflow:hidden}
.banner .bd{position:absolute;top:0;left:0;width:100%;height:100% !important}
.banner .bd ul{width:100% !important;height:100% !important}
.banner .bd li{display:none;width:100% !important;height:100% !important}
.banner .bd li a{display:block;width:100%;height:100%}
.banner .bd li.on{display:block}
.swiper{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:288px;height:310px;background-color:rgba(255,255,255,0.5);color:#202020}
.swiper li{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background-color .2s ease}
.swiper li a,.swiper li p{max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;height: 100%;display: flex;align-items: center;}
.swiper li.on{font-size:18px;font-weight:bold;color:#333;background-color:rgba(255,255,255,.8)}
.nav{width:100%;height:84px;background-color:#00ce7f;color:#fff}
.navList{float:left;width:29%}
.navList.on{margin-right:7%}
.navList.active{width:33%}
.navClassify{float:left;width:64px;height:56px;padding-top:8px;margin-top:10px;margin-right:6%;border-radius:4px;background-color:#01c379;text-align:center;font-size:18px;font-weight:bold;color:#fff}
.navList.active a:hover{font-weight:bold}
.navList.active a{margin-top:0;margin-right:20px;line-height:84px;color:#fff}
.navhref{position:relative;float:left;width:20.8%;height:34px;margin-right:16px;line-height:35px;color:#fff;cursor:pointer;text-align:center}
.navhref.active{margin-top:8px}
.navhref:hover{font-weight:bold}
.navHover:hover{color:#00c77b;background-color:#fff;box-shadow:0 0 2px #ddd}
.navHover:hover .slideNav,.navHover:hover .shadowLine{display:block}
.slideNav{display:none;position:absolute;top:34px;left:0;width:250px;padding:18px 0 6px 20px;background-color:#fff;box-shadow:0 0 5px #ddd;text-align:left;line-height:18px;z-index:1;font-weight:normal}
.slideNav.active{left:auto;right:0;width:335px;padding-left:24px}
.slideTitle{margin-bottom:10px;font-weight:bold}
.slideHref.active a:nth-child(3n),.slideHref.on a:nth-child(4n){margin-right:0}
.slideHref p{color:#d8d8d8}
.slideHref span{font-size:14px;color:#b2b2b2}
.slideHref a{display:inline-block;margin-right:14px;margin-bottom:12px;font-size:14px;margin-left:10px}
.slideHref a.ml0{margin-left:0 !important}
.slideHref a:hover{color:#00c77b}
.region{height:76px;padding-top:14px;margin-bottom:20px;background-color:#fff;box-shadow:0 0 2px #ddd}
.regionList{float:left;margin-bottom:7px}
.regionTips{float:left;width:62px;height:27px;margin-right:32px;border-radius:3px;background-color:#f3f3f3;line-height:27px;text-align:center;font-size:14px;color:#b2b2b2}
.regionList a{float:left;margin-right:28px;line-height:27px}
.regionList a:hover{color:#ff6258}
.w01{width:27.8%}
.w02{width:36.1%}
.hot{float:left;width:68%;padding-right: 20px;box-sizing: border-box;}
.title{font-size:30px;font-weight:bold}
.countdown{float:right;margin-top:8px;font-size:18px}
.countdown span{color:#ff5246}
.hotNews{height:395px;padding:45px 4.34% 2px 4.34%;margin-top:20px;background-color:#fff;box-shadow:0 0 2px #ddd}
.hotNews li{max-width:100%;margin-bottom:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hotNews li:last-child{margin-bottom:0}
.hotNews li a:hover{color:#ff5246}
.hotNews li.active,.hotNews li.active a{font-weight:bold;color:#ff5246}
.newsTips{display:inline-block;width:93px;height:32px;border:1px solid #ff7468;margin-right:15px;border-radius:4px;text-align:center;line-height:32px;color:#ff7468;font-weight:normal}
.c01 .newsTips{border-color:#4a90e2;color:#4a90e2}
.c02 .newsTips{border-color:#00c07d;color:#00c07d}
.c03 .newsTips{border-color:#f48b26;color:#f48b26}
.c04 .newsTips{border-color:#00d3e8;color:#00d3e8}
.c05 .newsTips{border-color:#ff7468;color:#ff7468}
.c06 .newsTips{border-color:#5d7be7;color:#5d7be7}
.c07 .newsTips{border-color:#ff8644;color:#ff8644}
.live{float:right;width:49.13%}
.liveWrap{height:442px;margin-top:20px}
.live_l{float:left;width:72.29%}
.video{display:block;position:relative;width:100%;height:302px}
.videos{display:none;position:relative;width:100%;height:302px}
.videos.active{display:block}
.pause{position:absolute;top:50%;left:50%;width:68px;height:68px;margin-top:-34px;margin-left:-34px;background:url('../images/sprites.png') -10px -10px no-repeat;cursor:pointer}
.liveMsg{width:100%;height:140px;background-color:#3c3d40}
.liveMsg img{float:left;width:111px;height:111px;margin:15px 20px 0 25px}
.liveMsg p{float:left;width:calc(100% - 156px);margin-top:20px;color:#fff;line-height:32px;font-size:15px}
.liveMsg p span{font-weight:bold;font-size:18px}
.live_r li{position:relative;display:flex;height:72px;border-bottom:2px solid #343538;background-color:#4e4f50;text-align:center;justify-content:center;align-items:center;background:linear-gradient(to bottom,#4e4f50,#464647);color:#fff;font-size:15px;cursor:pointer}
.live_r li.active{color:#db5048}
.live_r li.active:hover{color:#fff}
.live_r li.active:hover i{display:none}
.live_r li.active i{display:block}
.live_r li:last-child{border-bottom:none}
.live_r li:hover{background-color:#00c77b;background:linear-gradient(to bottom,#00c77b,#00c77b)}
.live_r li i{display:none;position:absolute;top:50%;left:0;width:11px;height:16px;margin-top:-8px;background:url('../images/sprites.png') -202px -98px}
.generalize{margin-top:45px;margin-bottom:40px}
.generalize a{position:relative;width:23.73%;height:112px;margin-right:1.66%;background-repeat:no-repeat;background-size:100% 100%;transition:transform .3s ease}
.generalize a:hover{transform:translateY(-10px)}
.generalize a p{margin-left:17px;color:#fff}
.generalize a:last-child{margin-right:0}
.generalize i{position:absolute;top:16px;right:12px;width:81px;height:84px;background-repeat:no-repeat}
.bg01{background-color:#58d096;background:linear-gradient(to right,#58d096,#66d58f,#75da89)}
.bg01 i{background-image:url(../images/icon01.png)}
.bg02{background-color:#feb00f;background:linear-gradient(to right,#feb00f,#fdbe2c,#fdcb45)}
.bg02 i{background-image:url(../images/icon02.png)}
.bg03{background-color:#2a9eee;background:linear-gradient(to right,#2a9eee,#2aa7f8,#2aadff)}
.bg03 i{background-image:url(../images/icon03.png)}
.bg04{background-color:#ff8e8e;background:linear-gradient(to right,#ff8e8e,#fba4a4,#f8b3b4)}
.bg04 i{background-image:url(../images/icon04.png)}
.genTxt01{margin-top:28px;margin-bottom:10px}
.wrap .genTxt02{font-size:19px;color:#fff100;font-weight:bold}
.news .title{margin-bottom:40px}
.newsMain{width:49.33%}
.news_l{position:relative;float:left;width:55.36%;height:320px;padding:40px 4.5% 0 5%;background-color:#fff}
.change{position:absolute;top:-15px;right:7.291%;width:31px;height:31px;background:url('../images/sprites.png') -66px -137px no-repeat;cursor:pointer;transition:transform .5s ease}
.change:hover{transform:rotate(360deg)}
.reHots{position:absolute;top:-15px;right:7.291%;display:block;width:30px;height:30px;cursor:pointer;text-align:center;-webkit-animation:showicon .4s ease-in-out 1;-moz-animation:showicon .4s ease-in-out 1;-ms-animation:showicon .4s ease-in-out 1;-o-animation:showicon .4s ease-in-out 1;animation:showicon .4s ease-in-out 1}
.reHots span{position:absolute;left:0;top:0;display:block;width:30px;height:30px;background:#f33;border-radius:1000px;filter:alpha(opacity=60);opacity:0.6;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}
.reHots:hover span{filter:alpha(opacity=80);opacity:.8;-webkit-transform:scale(1.8);transform:scale(1.8)}
.reHots i{position:absolute;left:3px;top:3px;display:block;width:24px;height:24px;border-radius:100%;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;background:url(http://www.huatu.com/images/2018css/images/icon.png) no-repeat;background-position:-150px -25px}
.reHots:hover i{-webkit-transform:translateY(-7px) rotate(180deg);-moz-transform:translateY(-7px) rotate(180deg);-ms-transform:translateY(-7px) rotate(180deg);-o-transform:translateY(-7px) rotate(180deg);transform:translateY(-7px) rotate(180deg)}
.reHots b{position:absolute;left:-3px;top:8px;display:block;width:40px;color:#fff;font-size:12px;font-weight:normal;line-height:20px;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.reHots:hover b{top:15px;filter:alpha(opacity=100);opacity:1}
.newsList{display:none}
.newsList.active{display:block}
.newsList li{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:42px}
.newsList li:last-child{margin-bottom:0}
.newsList li a:hover,.teaNews li:hover a{color:#ff5246}
.newsList .headline{margin-bottom:14px;font-size:22px;font-weight:bold}
.headline a{color:#ff5246}
.newsImage{position:relative;float:left;width:34.59%;height:360px;overflow:hidden}
.imgWrap{height:100%;transition:transform .5s ease}
.newsImage:hover .imgWrap{transform:scale(1.03,1.03)}
.newsImage img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ad{display:block;margin:50px auto}
.ad img{width:100%;height:auto}
.mainList .title{margin-bottom:38px}
.teaList,.liveMain li{float:left;width:23.73%;height:410px;border:1px solid #e6e6e6;margin-right:1.4%;margin-bottom:32px;background-color:#fff;box-shadow:0 0 1px #ddd;transition:transform .3s ease}
.teaList:last-child,.liveMain li:last-child{margin-right:0}
.teaTitle{border-left:3px solid #55cf97;padding-left:19px;margin:28px 0 22px -1px;font-size:20px;font-weight:bold}
.teaNews{margin:0 17px 0 20px}
.teaNews li{line-height:40px}
.teaNews li a{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}
.teaMore{display:block;width:208px;height:38px;margin:26px auto 0 auto;line-height:38px;background-color:#eee;border-radius:40px;text-align:center;font-size:14px}
.teaMore:hover{background:#eee;color:#4ebd65}
.teaMore i{display:inline-block;width:13px;height:13px;background:url(http://upload.hteacher.net/webupload/img/dfz/icon-more.png) no-repeat center top;vertical-align:middle}
.teaMore:hover i{background-position:center bottom}
.teaToggle{float:right;margin-top:35px;margin-right:21px;color:#666;font-size:14px}
.teaToggle a{color:#666}
.teaToggle a.on{padding-bottom:1px;border-bottom:1px solid #24cb85;color:#24cb85}
.teaHide{display:none}
.teaHide.on{display:block}
.toggle_l{float:left}
.toggleLive{float:left;padding-bottom:10px;margin-right:30px;margin-bottom:19px;font-size:20px;cursor:pointer}
.toggleLive.on{border-bottom:3px solid #00c77b}
.toggle_r{float:right;margin-top:7px;color:#999}
.toggle_r:hover{color:#24cb85}
.liveMain{display:none}
.liveMain.on{display:block}
.liveMain li{width:20.41%;height:390px;padding:0 1.66%}
.liveMain li:hover{border-top:1px solid #28b86c;box-shadow:0 0 10px #ddd;transform:translateY(-4px)}
.liveMain li:hover .btn{background-color:#00c07d;border-color:#00c07d;color:#fff}
.liveMain li h3{height:60px;margin:22px 0;font-size:18px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.liveMain li h3 strong{display:inline-block;width:42px;height:22px;border:1px solid #ff7468;margin-right:5px;border-radius:3px;font-size:14px;line-height:21px;text-align:center;font-weight:normal;vertical-align:middle}
.tag_tj{color:#ff7468}
.liveMain li h3 .tag_fx{border-color:#00c77b;color:#00c77b}
.liveMain .tea-wrap{padding-bottom:16px}
.tea-item{float:left;width:64px;margin-right:15px;text-align:center}
.tea-item-more{float:left;font-size:30px;line-height:44px;color:#d6d6d6}
.tea-item img{width:64px;height:64px;border-radius:50%}
.tea-item p{margin-top:12px;font-size:14px;color:#666}
.liveInfo{margin-top:13px;font-size:12px;color:#666}
.priceWrap{border-top:1px solid #e6e6e6;padding-top:20px;margin-top:26px}
.price{float:left;margin-top:5px;color:#ff5246}
.price span{font-size:27px}
.btn{float:right;width:115px;height:42px;border:1px solid #55cf97;line-height:42px;text-align:center;color:#55cf97;border-radius:40px;transition:background-color .3s ease}
.mainList.active .title{margin-top:18px}
.mainList.active .liveMain li{height:380px}
.team{margin-top:10px;text-align:center}
.team .title{margin-bottom:50px;text-align:left}
.team h3{margin-bottom:18px;font-size:28px}
.txt{margin-bottom:25px;line-height:26px;color:#949494}
.more{display:block;width:170px;height:55px;margin:50px auto;line-height:55px;text-align:center;font-size:24px;border-radius:40px;background-color:#e4e4e4;transition:background-color .5s ease}
.more:hover{background-color:#00c07d;color:#fff}
.team .teaSlide{width:100%;max-width:2100px;height:715px;margin:0 auto;overflow:hidden;position:relative}
.team .teaSlide .bd{position:relative;height:100%}
.team .teaSlide ul{float:left;width:246% !important}
.team .teaSlide li{position:relative;float:left;width:9.7% !important;height:715px;overflow:hidden;-webkit-transition:width 0.5s ease-out;transition:width 0.5s ease-out}
.team .teaSlide .pic{position:absolute;left:50%;top:0;margin-left:-330px}
.team .teaSlide .pic a,.team .teaSlide .pic img{display:block;width:660px;height:715px}
.team .teaSlide .con{position:absolute;left:50%;top:720px;width:660px;height:345px;padding-top:370px;margin-left:-330px;background:url(http://www.huatu.com/images/2018css/images/bg_02b.png) repeat-x bottom;text-align:center;-webkit-transition:top 0.8s ease-out;transition:top 0.8s ease-out}
.team .teaSlide .h4{color:#fff;font-size:46px;line-height:66px}
.team .teaSlide .h4 a{color:#fff}
.team .teaSlide .h4 a:hover{color:#fff;text-decoration:none}
.team .teaSlide .h5{margin-top:20px;margin-bottom:10px;color:#d1a94d;font-size:18px}
.team .teaSlide .h6{width:320px;height:50px;margin:0 auto;color:#fff;font-size:18px;line-height:50px;text-align:center}
.team .teaSlide .h6 span{margin-right:8px}
.team .teaSlide .h6 em{margin-right:15px;font-style:normal}
.team .teaSlide .con i{display:block;height:19px;margin:0 auto 20px auto;background-repeat:no-repeat}
.team .teaSlide .icon05{width:119px;background:url('../images/sprites.png') -98px -10px}
.team .teaSlide .icon04{width:92px;background:url('../images/sprites.png') -98px -49px}
.team .teaSlide .icon03{width:68px;background:url('../images/sprites.png') -10px -98px}
.team .teaSlide .icon02{width:44px;background:url('../images/sprites.png') -98px -98px}
.team .teaSlide .icon01{width:20px;background:url('../images/sprites.png') -162px -98px}
.team .teaSlide p{width:310px;height:33px;margin:0 auto;color:#fff;line-height:26px;font-size:14px;text-align:left}
.team .teaSlide li.on,.team .teaSlide li:hover{width:12.7% !important}
.team .teaSlide li.on .con,.team .teaSlide li:hover .con{top:0}
.team .teaSlide .teaprev,.team .teaSlide .teanext{position:absolute;left:5%;top:50%;display:block;width:50px;height:50px;margin-top:-25px;background-image:url(http://www.huatu.com/images/2018css/images/icon.png);background-position:0 0;background-repeat:no-repeat;filter:alpha(opacity=0);opacity:0;z-index:1;-webkit-transform:opacity 0.5s;transition:opacity 0.5s}
.team .teaSlide .teanext{left:auto;right:5%;background-position:-50px 0}
.team .teaSlide:hover .teaprev,.team .teaSlide:hover .teanext{filter:alpha(opacity=100);opacity:1}
.line{width:100%;height:30px;background-color:#fff}
.bottom_nav .left{float:left;margin-top:35px;margin-left:40px}
.bottom_nav .left h2{margin-bottom:20px}
.bottom_nav .left h2 a{font-size:28px;line-height:40px;color:#666;font-weight:normal}
.left span,.left span a{font-size:14px;color:#888}
.right{float:right;width:66.66%;padding-top:30px}
.right dl,.dl{float:left;margin-right:10%;overflow:hidden}
.right dt,.dt{margin-bottom:20px;font-weight:bold}
.right dl dd,.dd{margin-bottom:12px;font-size:12px;color:#888}
.right dl dd a,.dd a{color:#888}
.dd span{display:inline-block;width:80px}
.about{text-align:center}
.complaint{margin-top:40px}
.complaint p{font-weight:bold;margin-bottom:8px}
.complaint span{font-size:12px;color:#888}
.copyright{height:42px;margin-top:20px;background-color:#333;line-height:42px;font-size:12px;color:#fff;text-align:center}
.footer a:hover{color:#ff5246}
.link_box{height:40px;margin-top:20px}
.link_box .link{width:922px;height:40px;line-height:40px;font-size:12px;padding-left:156px}
.link_box .link b{float:left;width:72px}
.link_box .link .link_add{float:left;width:840px;height:40px;overflow:hidden;position:relative}
.link_add ul{position:absolute;left:0;top:0}
.link_box .link a{padding-right:5px;float:left;display:block}
.index_zx_box{height:440px;padding:4px 10px 0px 30px;width: 63%;margin-top: 16px;}
.index_zx_box h2 a{font-size:20px;font-weight:normal}
.index_zx_first{line-height:66px;height:66px;overflow:hidden}
.index_zx_second{line-height:64px;height:64px;overflow:hidden}
.index_zx_second a,.index_zx_first a{color: #ff5246 !important;}
.index_zx_list li{line-height:50px;height:50px;width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_zx_list span{height:30px;line-height:30px;border-radius:4px;display:inline-block;width:60px;font-size:16px;text-align:center;margin-right:10px}
.index_zx_list span.zx_notice{border:1px solid #ff6a5a;color:#ff6a5a}
.index_zx_list span.activity{border:1px solid #0190eb;color:#0190eb}
.index_zx_list span.hot_new{border:1px solid #00c07d;color:#00c07d}
.index_zx_list span.recommend{border:1px solid #ff9c00;color:#ff9c00}
.index_zx_list a{font-size:16px;color:#333}


.hotBox{display:flex}
.generalize_box{flex:1;}
.hotBox .live{width:30%}
.index_newBox{margin-top:40px}
.liveWrap{background:#fff;width:100%;padding-left:10px;padding-top:10px;height:436px}
.generalize{width:100%;padding-left:5%;box-sizing:border-box;margin:0;float:left}
.generalize a{display:block;width:100%;margin-right:0;height:118px}
.generalize a:hover{transform:translateY(0)}
.genTxt01{margin-top:28px;margin-bottom:14px;padding-top:30px}
.generalize i{top:40px;width:55px;background-size:100%}
.calendarTab span,.calendarTab a{font-size:16px}
.calendarTab ul{display:none;width:100%;margin-bottom:10px;background:url(http://upload.hteacher.net/webupload/common/index_line.png) 74px 22px no-repeat}
.calendarTab ul.on{display:block}
.calendarTab ul li{padding-left:16px;margin-bottom:37px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;padding-left: 90px;}
.calendarTab li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:95%}
.calendarTab li p.calendarTitle{position: absolute;left: 0;top: 8px;width: 65px;}
.calendarTab li p.calendarTime{margin-bottom: 2px;}
.calendarTime span,.calendarTime a{color:#f14522;margin-right:10px}
.calendarTab li a:hover{color:#f14522}
.calendarTitle span{display:block;text-align:center;height:30px;line-height:30px;border-radius:18px;background:#f6f6f6;width:65px;margin-bottom:8px}
.calendarTitle span.red{color:#fff;background:#f45434}
.calendarTab{margin-top:25px}
.calendarBoxTitle{font-size:24px;margin-top:10px;margin-bottom:5px}
.calendarBtn span{display:block;width:31.8%;float:left;margin-right:0.8%;background:#f7f5f5;font:normal 16px/40px 'Microsoft Yahei';color:#444;text-align:center;letter-spacing:1px;cursor:pointer}
.calendarBtn span.on{background:#fff6f4;color:#f14522}
.slideNav{width:258px}
.calendarTab a{margin-right:10px}
.calendarTab a:last-child{margin-right:10px}


.hotWrap{background:#fff;box-shadow:0 0 2px #ddd;padding:25px 0 0}
.generalize_wrap{display:flex}
.rmks_title{padding-left:26px}
.banner_top{margin-bottom:0px;width:100%;min-width:1000px;height:auto}
.banner_top a{width:50%;float:left;display:block;height:100%}
.banner_top a.w100{width:100%;}
.banner_top img{width:100%;display:block}
.banner_index{display:flex;margin-bottom:15px}
.banner_index a{flex:1;margin-right:20px;overflow:hidden}
.banner_index a img{width:100%;transition:transform 3s ease}
.banner_index a:hover img{transform:scale3d(1.05,1.05,1.05)}
.banner_index a:last-child{margin-right:0}
.region{margin-bottom:15px}
.gonggao{text-align:center;padding:16px 68px;border-bottom:12px solid #fff}
.gonggao a{color:#ff5246;font-weight:bold;font-size:20px;display:inline-block;line-height:35px}


.online_coure_css {margin-top: 25px !important;float: none !important;display: inline-block;}
.online_coure_css .slideHref {height: 30px;}
.online_coure_css .slideHref a {line-height: 30px;color: #333;}
.online_coure_css .slideHref a:hover {color: #00c77b !important;font-weight: normal !important;}

.new_city_bg{background-color: #fff;margin-bottom: 15px;}
.new_city{display:flex;align-items:center;}
.new_city div{padding-left:40px;}
.new_city img{width: 12.5%;}
.new_city p:first-child{margin-bottom:20px;}
.new_city a{font-size:18px;font-weight:400;color:#333333;line-height:18px;transition:.2s;white-space:nowrap;float:left;margin-right:40px;}
.new_city p a:last-child{margin-right:0;}
.new_city a:hover{color:#FF5246;}


.notice_city{display:flex;justify-content:space-between;}
.notice_city li{background-color:#fff;margin-right:20px;flex:1;}
.notice_city li:last-child{margin-right:0;}
.notice_city li span{font-size:24px;font-weight:600;color:#FFFFFF;line-height:44px;letter-spacing:1px;display:block;width:100px;background-image:url('//www.hteacher.net/images/i_city1.png');background-repeat:no-repeat;background-position:left center;background-size:contain;text-align:center;box-sizing:border-box;padding-right:10px;}
.notice_city li:nth-child(2n) span{background-image:url('//www.hteacher.net/images/i_city2.png');}
.notice_city li h5{text-align:center;margin:20px 0 25px;}
.notice_city li h5 a{font-size:22px;font-weight:bold;color:#333333;line-height:22px;}
.notice_city li p,.notice_city li p a{font-size:18px;font-weight:400;color:#666666;line-height:18px;}
.notice_city li p{text-align:center;margin:0 10px 25px;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.notice_city li p s{margin:0 5px;text-decoration:none;}
.notice_city li h5 a:hover,.notice_city li p a:hover{color:#FF5246;}
.notice_city li div{display:flex;justify-content:center;margin:25px 0;}
.notice_city li div a:first-child{margin-right:10px;}
.notice_city li .i_city{width:145px;height:66px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;border-radius:10px;}
.notice_city li .i_city b{font-size:14px;font-weight:bold;color:#FFFFFF;line-height:14px;text-shadow:0px 1px 1px rgba(196,52,52,0.5);margin-bottom:10px;white-space:nowrap;}
.notice_city li .i_city strong{font-size:18px;font-weight:bold;color:#FFFFFF;line-height:18px;text-shadow:0px 2px 2px rgba(187,96,47,0.5);white-space:nowrap;}
.notice_city li:nth-child(1) .i_city:nth-child(1) ,.notice_city li:nth-child(3) .i_city:nth-child(1){background-image: url('//www.hteacher.net/images/i_city3.png');}
.notice_city li:nth-child(1) .i_city:nth-child(2) , .notice_city li:nth-child(3) .i_city:nth-child(2) {background-image: url('//www.hteacher.net/images/i_city4.png');}
.notice_city li:nth-child(2) .i_city:nth-child(1) ,.notice_city li:nth-child(4) .i_city:nth-child(1) {background-image: url('//www.hteacher.net/images/i_city5.png');}
.notice_city li:nth-child(2) .i_city:nth-child(2) , .notice_city li:nth-child(4) .i_city:nth-child(2) {background-image: url('//www.hteacher.net/images/i_city6.png');}

.channel_index{background-color:#fff;margin:20px auto;}
.channel_index h4{font-size:30px;font-weight:600;color:#333333;line-height:30px;width:96%;margin:0 auto;padding:30px 0 20px;border-bottom:1px solid #eee;display: flex;}
.channel_index_ul{display:flex;justify-content:space-between;box-sizing:border-box;padding:20px 2% 30px;}
.channel_index_ul>li{margin-right:20px;flex:1;}
.channel_index_ul>li:nth-child(1){display:flex;flex-wrap:wrap;align-content:space-between;box-sizing:border-box;padding:20px 0;max-width:23.959%;}
.channel_index_ul>li:nth-child(1) a{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden;font-size:18px;font-weight:400;color:#333333;line-height:18px;}
.channel_index_ul>li:nth-child(2),.channel_index_ul>li:nth-child(3){display:flex;flex-wrap:wrap;}
.channel_index_ul>li>div{background:#F5F5F5;box-sizing:border-box;padding:20px;display:flex;flex-wrap:wrap;align-content:space-between;}
.channel_index_ul>li>div:first-child{margin-bottom:10px;}
.channel_index_ul>li h6{width: 100%;}
.channel_index_ul>li h6 a{display: block;text-align: center;font-size:18px;font-weight:600;color:#333333;line-height:18px;}
.channel_index_ul>li p{white-space: nowrap;display: flex;justify-content: center;white-space:nowrap;margin: 0 auto;}
.channel_index_ul>li p a{font-size:18px;font-weight:400;color:#666666;line-height:18px;}
.channel_index_ul>li:last-child{margin-right:0;}
.channel_index_ul>li:last-child img{display:block;width:100%;height:100%;max-height:278px;transition:.2s;}
.channel_index_ul>li:last-child img:hover{transform:scale(1.01);}
.channel_index_ul>li:nth-child(1) a:hover,.channel_index_ul>li h6 a:hover,.channel_index_ul>li p a:hover{color:#FF6433;}
.channel_index .countdown{border-left: 1px solid #E6E6E6;margin: 0 0 0 20px;float: none;padding-left: 20px;}
.channel_index .countdown span:nth-child(2){display: inline-block;width: 36px;line-height: 26px;margin: 0 2px;padding-top: 4px;width: 36px;text-align: center;letter-spacing: 4px; background-image:url('//www.hteacher.net/images/data_ico.png');background-size: contain;background-repeat: no-repeat; color: #fff;}
.channel_index_ul_W{position: relative;}

.channel_index h4 a{border-radius:18px;padding:0 10px;font-size:16px;font-weight:400;line-height:36px;margin-right:10px;margin-left:20px;color:#FF5246;background:rgba(255,82,70,0.1);}
.channel_index h4 a:last-child{margin-left:0px;background:#F5F5F5;color:#666666;}
.channel_index h4 a:hover,.channel_index h4 a.active{opacity:.8;}
.channel_index_time{position:absolute;top:0;bottom:0;right:2%;display:flex;align-items:center;}
.channel_index_time li{text-align:center;padding:0 20px;position:relative;}
.channel_index_time li::after{content:'';width:1px;height:50%;background-color:#E6E6E6;position:absolute;left:0;top:0;bottom:0;margin:auto 0;}
.channel_index_time li:first-child::after{display:none;}
.channel_index_time span,.channel_index_time time{display:block;font-weight:bold;}
.channel_index_time span{font-size:16px;color:#333;}
.channel_index_time time{font-size:18px;color:#54CE97;}
.hot_cake_wrap{display:flex;justify-content:space-between;width:96%;margin:0 auto;padding:30px 0 30px;}
.hot_cake_left{width:10%;height:356px;background:#F6F6F6;text-align:center;display:flex;flex-wrap:wrap;}
.hot_cake_left li{width:100%;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#333333;position:relative;}
.hot_cake_left li.on{background-color:#fff;color:#FF6433;}
.hot_cake_left li.on::after{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background-color:#FF6433;}
.hot_cake_city{display:flex;width:31.5%;}
.hot_cake_city li{display:none;position:relative;}
.hot_cake_city li.on{display:flex;align-content:space-between;flex-wrap:wrap;}
.hot_cake_city li>div{height:173px;display:flex;width:100%;}
.hot_cake_city_l li>div:first-child{background:#FFF5F0;}
.hot_cake_city_l li>div:first-child b{background:linear-gradient(#FFAC84,#FF8864);}
.hot_cake_city_l li>div:last-child{background:#EDFDF7;}
.hot_cake_city_l li>div:last-child b{background:linear-gradient(#98E5D5,#49CFA8);}
.hot_cake_city_r li>div:first-child{background:#F0F9FF;}
.hot_cake_city_r li>div:first-child b{background:linear-gradient(#ADE5FF,#619CFF);}
.hot_cake_city_r li>div:last-child{background:#FFF6F8;}
.hot_cake_city_r li>div:last-child b{background:linear-gradient(#FF95AE,#FF6B7C);}
.hot_cake_city li b{width:10%;border-radius:0px  14px  14px  0px;font-size:22px;font-weight:600;color:#FFFFFF;line-height:42px;height:100%;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;justify-content:center;}
.hot_cake_city li>div div,.hot_cake_city li>div section{width:45%;margin:20px 0;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between;text-align:center;position:relative;}
.hot_cake_city li>div div::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;height:80%;margin:auto 0;background:#E3E3E3;}
.hot_cake_city li>div h5,.hot_cake_city li>div p{font-size:18px;color:#333333;line-height:18px;width:100%;}
.hot_cake_city li>div h5{font-weight:bold;margin-bottom:5px;}
.hot_cake_city li>div a{margin-top:5px;width:108px;height:38px;border-radius:19px;border:1px solid #FF6433;box-sizing:border-box;font-size:16px;font-weight:400;color:#FF6433;line-height:36px;text-align:center;transition:.2s;}
.hot_cake_city li>div a:hover{background-color:rgb(243,219,214);border-color:rgb(243,219,214);}
.hot_cake_right{width:330px;display:flex;flex-wrap:wrap;align-content:space-between;}
.hot_cake_right_top,.hot_cake_right_bottom{height:173px;width:100%;position:relative;}
.hot_cake_right_top_img li img{width:100%;height:100%;display:block;}
.hot_cake_right_top_y,.channel_index_ul_B{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;}
.hot_cake_right_top_y li,.channel_index_ul_B li{width:8px;height:8px;border-radius:50%;background-color:#E6E6E6;margin-right:5px;font-size:0;}
.hot_cake_right_top_y li.on,.channel_index_ul_B li.on{background-color:#54CE97;}
.hot_cake_right_top_y li:last-child,.channel_index_ul_B li:last-child{margin-right:0;}
.hot_cake_right_bottom{background:#F5F5F5;box-sizing:border-box;padding:0px 20px;display:flex;flex-wrap:wrap;align-content:center;}
.hot_cake_right_bottom p{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 5px;}
.hot_cake_right_bottom p a,.hot_cake_right_bottom p s{font-size:16px;font-weight:400;color:#666666;line-height:22px;transition:.2s;text-decoration:none;}
.hot_cake_right_bottom p.hot_cake_right_bottom_tit a{font-size:18px;font-weight:500;color:#333;line-height:24px;}
.hot_cake_right_bottom p a:hover{color:#FF6433;}
.hot_cake_right_bottom span{width:38px;height:24px;background:#54CE97;border-radius:6px;font-size:16px;font-weight:400;color:#FFFFFF;line-height:24px;display:inline-block;text-align:center;}

.alert_video_box{width:712px;height:510px;background:rgba(0,0,0,0.7);box-shadow:0px 4px 15px 0px rgba(178,178,178,0.5);border-radius:15px;position:fixed;left:0;top:0;bottom:0;right:0;margin:auto;box-sizing:border-box;padding:40px 20px 20px;display:none;}
.alert_video_close{font-size:16px;color:#fff;line-height:26px;width:50px;height:26px;background:rgba(0,0,0,0.4);border-radius:6px;position:absolute;right:20px;top:10px;text-align:center;cursor:pointer;}
.alert_video_close:hover{color:#FF5246;}
.video_l{width:672px;height:378px;background:#EAFBF6;overflow:hidden;position:relative;margin:0 auto;}
.bjc-player-wrapper{width:100%;height:100%;background:#EAFBF6;}
.bjc-player-wrapper .video-js{width:100%;height:100%;}
.video_b{position:relative;margin-top:15px;}
.video_b a{position:absolute;right:0;top:0;color:#fff;height:24px;font-size:16px;line-height:24px;background-color:#FF5246;border-radius:12px;padding:0 10px;}
.video_b h4{font-size:24px;font-weight:bold;color:#FFFFFF;line-height:24px;margin-bottom:10px;}
.video_b p{font-size:14px;font-weight:300;color:#FFFFFF;line-height:20px;}

.banner_new_top{width:100%;height:239px;background:url(https://upload.hteacher.net/webupload/img/banner_new_top_4.jpg) no-repeat top center;}.banner_new_top_div{display:flex;padding-top:22px;justify-content:center;}.banner_new_top_div div{width:40%;display:flex;flex-wrap:wrap;}.banner_new_top_div div:first-child{margin-right:14%;}.banner_new_top_div div>a,.banner_new_top_div div h4>a{width:100%;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:38px;color:#fff;line-height:38px;font-weight:bold;}.banner_new_top_div div>a span,.banner_new_top_div div h4>a span{color:#e6ff00;}.banner_new_top_div div p{display:flex;width:100%;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;justify-content:center;margin-top:15px;}.banner_new_top_div div p a{font-size:22px;line-height:40px;border:1px solid #fff;border-radius:20px;text-align:center;margin-right:20px;color:#fff;transition:.2s;width:150px;}.banner_new_top_div div p a:last-child{margin-right:0;}.banner_new_top_div div p a:hover{color:#D74C07;background:linear-gradient(#fff37b,#ffc837);border-color:#ffc837;}.banner_new_top_ul{display:flex;justify-content:space-between;margin-top:20px;}.banner_new_top_ul li{width:23.7%;height:82px;background-image:url(https://upload.hteacher.net/webupload/img/banner_new_top_1.png);background-repeat:no-repeat;background-position:left center;position:relative;border-radius:0 10px 10px 0;box-sizing:border-box;padding-left:65px;}.banner_new_top_ul li i{position:absolute;left:0;top:0;width:45px;height:100%;font-size:22px;line-height:24px;font-style:normal;text-align:center;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;color:#fff;font-weight:bold;}.banner_new_top_ul li a{display:flex;align-content:center;flex-wrap:wrap;height:100%;width:100%;}.banner_new_top_ul li h6,.banner_new_top_ul li p{font-size:24px;color:#333;line-height:24px;max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}.banner_new_top_ul li p{font-size:18px;line-height:18px;margin-top:12px;font-weight:normal;}@media screen and (max-width:1480px){.banner_new_top_div div>a,.banner_new_top_div div h4>a{font-size:30px;}.banner_new_top_div div p a{font-size:18px;line-height:30px;width: 120px;} .banner_new_top_div div:first-child{margin-right: 20%;}.banner_new_top_ul li{padding-left:50px;}.banner_new_top_ul li h6{font-size:20px;}.banner_new_top_ul li p{font-size:16px;}}